import React from 'react'
import { useLocation } from 'react-router-dom'
import qs from 'qs'

/* 
    路由传参:useLocation
    useLocation:可以获取当前的路由地址信息
      - path：当前的路由地址
      - search：查询字符串形式的路由传参
*/
export default function Music() {
  // useLocation需要括号调用,会返回一个location方法
  const location=useLocation()
  // console.log(location);
  const {user , id } = qs.parse(location.search.split('?')[1])
  return (
    <div>
        <h1>Music</h1>
        <p>用户名是:{user}  编号是:{id}</p>
    </div>
  )
}
